{{-- <div class="clear-fixer"></div> --}}
<div class="menu " style="display: none;"> 
      <ul>
         @foreach ($categorys as $k=>$category)
        <li>
          <a href="#">{{$category['name']}} </a>
          @if(isset($category['child']))
           <i class="pl-3 fa fa-angle-right"></i>
           @foreach($category['child'] as $k1=>$v1)

          <div class="top"></div>
                <div class="bottom"></div>
                <div class="navd">
                  @foreach($category['child'] as $k1=>$v1)
                                        <dl class=" card m-0 p-0 col-12" style="height:auto;border:none;background: #fff">
                                            <dt class=" card-title col-lg-12 m-0 p-0 float-left" style="height: 20px;">
                                                <a class="pl-3 text-dark" href="{{route('pcate',$v1['slug'])}}" style="background: none">
                                                    {{$v1['name']}}
                                                </a>
                                            </dt>
                                            <dd class="nav-ls" style="">
                                                @if(isset($v1['child']))
                                                    @foreach($v1['child'] as $tow_item)
                                                       <small>
                                                        <a class="nav-link float-left text-dark" href="{{route('pcate',$tow_item['slug'])}}">
                                                            {{$tow_item['name']}}
                                                        </a>      
                                                       </small>
                                                    @endforeach
                                                @endif
                                            </dd>
                                        </dl>
                                        @endforeach
                </div>
                <div class="right"></div> 
            @endforeach
            @endif
        </li>
        @endforeach
        
      </ul> 
    </div>
    <script type="text/javascript">
    $(function(){
        $('.menu ul li').hover(function(){
            //当前li里面的.top
            $(this).find('.top').show();
            //当前li里面的.top
            $(this).find('.bottom').show();
            //当前li里面的.top
            $(this).find('.navd').show();
            //当前li里面的.top
            $(this).find('.right').show();
        },function(){
            //当前li里面的.top
            $(this).find('.top').hide();
            //当前li里面的.top
            $(this).find('.bottom').hide();
            //当前li里面的.top
            $(this).find('.navd').hide();
            //当前li里面的.top
            $(this).find('.right').hide();
        });
    });
</script>